<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/commons/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
	<div class="container-fluid">
		<div class="boxcq clearfix">
			<div style="height: 37px; border-bottom: 1px solid #ddd;">
				<div class="ti"><i class="fa fa-tachometer" aria-hidden="true"></i>付费病组监测</div>
				<div class="btn-clickable" style="margin:2px;" onclick="paygroupManage()">付费病组维护</div>
			</div>
			<div class="row-fluid clearfix">
				<div class="col-md-12 column padding10 paddingbottom0">
					<div class="infocq ">
						<div class="tii blue-bg">
							<span class="title28">付费病组组数</span>
						</div>
						<div id="groupCnt" class="row-fluid clearfix ci textalignCenter paddingbottom5">
						</div>
					</div>
				</div>
				<div class="col-md-12 column padding10">
					<div class="infocq ">
						<div class="tii blue-bg">
							<span class="title28">付费病组入组病例数</span>
						</div>
						<div id="inGroupCnt" class="row-fluid clearfix ci textalignCenter paddingbottom5">
						</div>
					</div>
				</div>
				<div class="col-md-12 column padding10">
					<div class="row-fluid">
						<div class="col-md-6 paddingright5">
							<div class="infocq ">
								<div class="tii green-bg">
									<span class="title28">付费病组分布图</span>
								</div>
								<div id="groupDis"  class="ci"
									style="width: 100%; height: 300px; border: 1px solid #dd"></div>
							</div>
						</div>
						<div class="col-md-6 paddingleft5">
							<div class="infocq ">
								<div class="tii red-bg">
									<span class="title28">付费病组入组病例分布图</span>
								</div>
								<div id="inGroupDis" class="ci"
									style="width: 100%; height: 300px; border: 1px solid #dd"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 盈亏统计 -->
		<div class="row rowhcq" style="margin-top: 10px">
			<div class="col-md-12">
				<div class="boxcq clearfix">
					<div class="ti"><i class="fa fa-balance-scale" aria-hidden="true"></i>盈亏统计</div>
					<ul class="nav nav-tabs boxnavcq" role="tablist" id="profitLossTab">
						<li role="presentation" class="active"><a href="#payGroupDrg"
							role="tab" data-toggle="tab">DRG病组</a></li>
						<li role="presentation"><a href="#payGroupDep" role="tab"
							data-toggle="tab">科室</a></li>
					</ul>
					<div class="clearfix"></div>
					<div id="profitLoss" class="tab-content">
					<div id="payGroupDrg" role="tabpanel" class="tab-pane active">
						<div class="row-fluid">
							<div class="col-md-6 paddingright5">
								<div class="infocq ci">
									<div class="tii green-bg">
										<span class="title28">全部付费病组</span>
									</div>
									<div class="row-fluid clearfix ci">
										<div class="col-md-12">
											<div id="profitLossHospMdc" class="row-fluid textalignCenter">
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">实际支出（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计收入（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计结余（万元）</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="col-md-12 column padding10">
													<div id="payGroupMdcAll"
														style="width: 100%; height: 300px; border: 1px solid #dd; display: block"">
														<img src="images/pageloading.gif" />
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 paddingleft5">
								<div class="infocq ci">
									<div class="tii red-bg">
										<span id = "selectedMdc" class="title28">MDC专业下付费病组</span>
										<div id="drgList" onclick="openDrgList()"
											class="payGroupList" style="background: #E86B6C;height: 33px;border-radius:3px;">病组列表</div>
									</div>
									<div class="row-fluid clearfix ci">
										<div class="col-md-12">
											<div id="profitLossTotalDrg" class="row-fluid textalignCenter">
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">实际支出（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计收入（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计结余（万元）</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="col-md-12 column padding10">
													<div id="payGroupDrgInMdc"
														style="width: 100%; height: 300px; border: 1px solid #dd">
														<img src="images/pageloading.gif" />
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="payGroupDep" role="tabpanel" class="tab-pane">
						<div class="row-fluid">
							<div class="col-md-6 paddingright5">
								<div class="infocq ci">
									<div class="tii green-bg" >
										<span class="title28">全部付费病组-科室</span>
									</div>
									<div class="row-fluid clearfix ci">
										<div class="col-md-12">
											<div id="profitLossHospDep" class="row-fluid textalignCenter">
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">实际支出（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计收入（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计结余（万元）</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="col-md-12 column padding10">
													<div id="payGroupDepAll"
														style="width: 100%; height: 300px; border: 1px solid #dd;">
														<img src="images/pageloading.gif" />
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-md-6 paddingleft5">
								<div class="infocq ci">
									<div class="tii red-bg">
										<span id = "selectedDep" class="title28">科室下付费病组</span>
										<div id="drgList" onclick="openDrgList()"
											class="payGroupList" style="height: 33px;border:1px solid #fff;border-radius:3px;">病组列表</div>
									</div>
									<div class="row-fluid clearfix ci">
										<div class="col-md-12">
											<div id="profitLossTotalDep" class="row-fluid textalignCenter">
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">实际支出（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计收入（万元）</div>
												</div>
												<div class="col-md-4">
													<div class="font2">1</div>
													<div class="font1">预计结余（万元）</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="col-md-12 column padding10">
													<div id="payGroupDrgInDep"
														style="width: 100%; height: 300px; border: 1px solid #dd">
														<img src="images/pageloading.gif" />
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- <div class="col-md-12 column padding10">
							<div class="infocq ">
								<div class="tii">
									<span class="title28">指标象限分布</span>
								</div>
								<div id="indexQuadrantDisDrgInDep" class="col-md-12 column height300 ci"></div>

								<div class="col-md-12 column margintop30">
									<table id="indexQuadrantDisDrgInDepTable" class="table table-bordered quadrantDisDep">
										<thead>
											<tr>
												<th width="300px">病组特征</th>
												<th width="100px">DRG组数</th>
												<th width="600px">DRG代码及描述</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>第一象限 （费用和药品耗材费用消耗同）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第二象限 （药品耗材费用消耗低，费用消耗高）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第三象限 （费用和药品耗材费用消耗同</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第四象限 （药品耗材费用消耗高，费用消耗低）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>其他</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div> -->
					</div>
					</div>
					<div class="row-fluid clearfix">
						<div class="col-md-12 column padding10" style="margin-top:5px">
							<div class="infocq ">
								<div class="tii blue-bg">
									<span class="title28">指标象限分布</span>
								</div>
								<div id="indexQuadrantDisDrgInMdc" class="col-md-12 column height300 ci"></div>

								<div class="col-md-12 column margintop30">
									<table id="indexQuadrantDisDrgInMdcTable" class="table table-bordered quadrantDisDrg">
										<thead>
											<tr>
												<th width="300px">病组特征</th>
												<th width="100px">DRG组数</th>
												<th width="600px">DRG代码及描述</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>第一象限 （费用消耗和药耗费用消耗同高）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第二象限 （费用消耗高，药耗费用消耗低）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第三象限 （费用消耗和药耗费用消耗同低）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>第四象限 （费用消耗低，药耗费用消耗高）</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
											<tr>
												<td>其他(坐标轴或原点)</td>
												<td></td>
												<td class="quadrantDis"></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	
</body>
<script type="text/javascript" src="js/paygroup/paygroupCommon.js"></script>
<script type="text/javascript" src="js/paygroup/paygroupAnalysis.js"></script>
</html>